<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>学生成绩数据</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <style>
        /* 样式保持不变 */
        table {
            border-collapse: collapse;
            width: 100%;
        }

        th,
        td {
            border: 1px solid black;
            padding: 8px;
            text-align: center;
        }

        tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        .highlight {
            background-color: red;
        }
    </style>
</head>

<body>

    <table id="gradesTable">
        <thead>
            <tr>
                <th>学号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>党员</th>
                <th>高等数学</th>
                <th>大学英语</th>
                <th>计算机文化基础</th>
                <th>平均成绩</th> <!-- 新增的“平均成绩”列标题 -->
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>张三</td>
                <td>男</td>
                <td>是</td>
                <td>80</td>
                <td>85</td>
                <td>90</td>
                <td></td> <!-- 预留用于填充平均成绩的单元格 -->
            </tr>
            <tr> <!-- 另一个学生的数据行 -->
                <td>2</td>
                <td>李四</td>
                <td>女</td>
                <td>否</td>
                <td>88</td>
                <td>92</td>
                <td>85</td>
                <td></td> <!-- 预留用于填充平均成绩的单元格 -->
            </tr>
            <!-- 可以继续添加更多学生的数据行 -->
        </tbody>
    </table>

    <script>
        $(document).ready(function () {
            // 遍历表格中的每一行（除了标题行）  
            $('#gradesTable tbody tr').each(function () {
                var mathScore = parseFloat($(this).find('td:eq(4)').text()); // 高等数学成绩  
                var englishScore = parseFloat($(this).find('td:eq(5)').text()); // 大学英语成绩  
                var computerScore = parseFloat($(this).find('td:eq(6)').text()); // 计算机文化基础成绩  
                // 计算平均成绩，并保留一位小数点  
                var averageScore = ((mathScore + englishScore + computerScore) / 3).toFixed(1)
                console.log('averageScore',averageScore)
                // 填充平均成绩到对应的单元格中  
                $(this).find('td:last').text(averageScore);
            });
        });  
    </script>
</body>

</html>